<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:fragment="head(title)">

    <title th:text="'中楚鸿-' + ${title}"></title>

    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-transform"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--
    <meta name="keywords" th:content="${keywords ?: commons.site_option('site_keywords')}"/>
    <meta name="description" th:content="${description ?:commons.site_option('site_description')}"/>
     -->

    <link href="/zch/images/favicon.ico" rel="shortcut icon"/>
    <!--begin::base stylesheets -->
    <link href="/zch/bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="/zch/fonts/font-awesome/css/font-awesome.css" rel="stylesheet"/>
    <!--end::base stylesheets -->

    <!--begin::custom stylesheets -->
    <link href="/zch/css/animations.css" rel="stylesheet"/>
    <link href="/zch/css/style.css" rel="stylesheet"/>
    <link href="/zch/css/component.css" rel="stylesheet"/>
    <!--end::custom stylesheets -->

    <!--begin::scripts -->
    <script src="/zch/plugins/jquery.min.js"></script>
    <script src="/zch/bootstrap/js/bootstrap.min.js"></script>
    <script src="/zch/plugins/modernizr.js"></script>
    <script src="/zch/plugins/isotope/isotope.pkgd.min.js"></script>
    <script src="/zch/plugins/jquery.backstretch.min.js"></script>
    <script src="/zch/plugins/jquery.appear.js"></script>
    <!--end::scripts -->

    <!-- begin::custom scripts -->
    <script type="text/javascript" src="/zch/js/custom.js"></script>
    <!-- end::custom scripts -->
</head>
</html>
